<html>

 <script>
	$(function () 
		{
          $('#dtp').datepicker({ dateFormat: 'yy-mm-dd' });          
          $('.sel').select2();	  
		});
 </script> 
<style>
	table {
	  border-collapse: collapse;
	  border-spacing: none;
	  align:center;
	  }
	 
	  tr th{
		border-top:0;
		border-left:0;
		border-right:0;
		border-bottom: 2px solid;	
		text-align:left;
	  }

	thead th {
	  background-color: #F7BE81;
	  font-size: 12px;
	  font-family: sans-serif;
	 border:none; 
	  }

	tbody td {
	  font-size: 12px;  	 
	}

	tr th:first-child {
		  border-top-left-radius: 6px;
		  border-bottom-left-radius: 6px;	  
	}

	tr td:last-child,
	tr th:last-child {
	  border-top-right-radius: 6px;
	  border-bottom-right-radius: 6px;
	}

	label{
		font-weight:bold;
	}
</style>


 <div ng-app="myApp"> 
	<h3>Courier Master </h3>
		<form  method="post" action=""> 
			<table>
				<tr>
					<td><label>* Courier Company Name</label></td> <td>:</td>
					<td><input type="text" ng-model="courier.name" class="input-xlarge" capitalize auto-complete ui-items="typearr"></td> 
					
					<!--<td><label>* Rate per Month</label></td> <td>:</td>
					<td><input type="text" ng-model="stbt.rpm" class="input-medium"></td>-->									
				</tr>				
			</table>
			
			<br>			
						
			<button ng-click="upd()"  class="btn btn-success" ng-disabled="!ed">Update</button> 
			<button ng-click="save()" class="btn btn-info" ng-disabled="ed">Save</button>
			<button href="#/cancel/" ng-click="cancel()" class="btn">Clear</button> 			
			<br><br>
			
			<table class="table table-striped">
				<thead>
					<tr>
						<th>Sr. No.</th>
						<th>Courier Name</th>
						<th>Delete</th>						
						<th>Edit</th>						
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="item in couriermastdata">
						<td>{{item.id}}</td>
						<td>{{item.name}}</td>						
						<!--<td>{{item.rpm}}</td>	-->
						<td><a ng-click="dlt(item.id)"> 
							<img src="glyphicons_bin.png" alt="Delete" width="15" height="15"/></td> 
                         <td><a ng-click="edit(item.id)"> 
							<img src="glyphicons_edit.png" alt="Edit" /></td>						
					</tr>
				</tbody>
			</table>
		</form>
	</body>
</html>